<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>基本资料 - 会员中心 - {$sitename}</title>
{include file="center_include"/}
<style>
.select {margin-bottom:5px;margin-top:5px;border:1px solid #ddd;height:20px;line-height:20px;color:#333;font-size:14px;width:150px;}
.date {border:1px solid #A7A6AA;height:18px;margin:0 5px 0 0;padding:2px 0 2px 5px;background: #fff url({$apicss}user/new/images/input_date.png) no-repeat right 3px}
</style>
</head>
<body>
{include file="center_header"/}
<!-- // i-header end -->
<div id="content" class="layout">
  <div class="ui-box ui-qire fn-clear" id="i-box">
    <div id="i-bar">
 {include file="center_nav"/}     
 {include file="center_fk"/}
    </div>
    <!-- // i-bar end -->
    <div class="i-box-cnt" id="i-cnt">
    <form  id="upuser"  method="post" onsubmit="return false;">
        <div id="i-profile">
          <div class="ui-title i-tab-nav-box">
            <ul class="i-tab-nav fn-clear">
              <li class="current"><a href="{:zanpian_user_url('user/center/info')}" hidefocus="">基本资料</a></li>
              <li class="line"></li>
              <li><a href="{:zanpian_user_url('user/center/email')}" hidefocus="">订阅设置</a></li>
              <li class="line"></li>
              <li><a href="{:zanpian_user_url('user/center/avatar')}" hidefocus="">头像修改</a></li>
              <li class="line"></li>              
              <li><a href="{:zanpian_user_url('user/center/pwd')}" hidefocus="">修改密码</a></li>
            </ul>
          </div>
          <div class="ui-form">
               {notempty name="userinfo.email"}
	          	<div class="ui-form-item fn-clear">
	              <label class="ui-label w130">您的<strong>Email</strong>地址：</label>
	              <input type="text" class="ui-input w300" value="{$userinfo.email}" readonly="readonly" name="email">
	              <p class="ui-message ui-message-clear">Email地址不能更改</p>
	            </div>
	          {/notempty}
	          	<div class="ui-form-item fn-clear">
	              <label class="ui-label w130">您的用户帐号：</label>
	              <input type="text" class="ui-input w300" value="{$userinfo.username}" readonly="readonly" name="username">
	            </div>              
            <div class="ui-form-item fn-clear">
              <label for="nickname" class="ui-label w130">昵称：</label>
              <input type="text" id="nickname" name="info[nickname]" class="ui-input w300" value="{$userinfo.nickname}">
              <p class="ui-message ui-message-clear">支持汉字、英文、数字</p>
            </div>
            <div class="ui-form-item ui-form-checkbox fn-clear">
              <label class="ui-label w130">性别：</label>
              <div class="ui-form-block w300">
                <label for="male" class="ui-label-checkbox">
                <input  type="radio" name="info[sex]" value="1"  {eq name="userinfo.detail['sex']" value="1"}checked{/eq}>男</label>
                <label for="female" class="ui-label-checkbox">
                <input  type="radio" name="info[sex]" value="2"  {eq name="userinfo.detail['sex']" value="2"}checked{/eq}>女</label>
              </div>
            </div>
            <div class="ui-form-item fn-clear">
              <label class="ui-label w130">出生年月日：</label>
               	<link rel="stylesheet" type="text/css" href="{$apicss}user/new/js/calendar/jscal2.css"/>
				<link rel="stylesheet" type="text/css" href="{$apicss}user/new/js/calendar/border-radius.css"/>
				<link rel="stylesheet" type="text/css" href="{$apicss}user/new/js/calendar/win2k.css"/>
				<script type="text/javascript" src="{$apicss}user/new/js/calendar/calendar.js"></script>
				<script type="text/javascript" src="{$apicss}user/new/js/calendar/lang/en.js"></script>	
				<input type="text" name="info[birthday]" id="birthday" style="width:100px;" value="{$userinfo.detail.birthday}" size="10" class="ui-input w300" readonly>&nbsp;	
              
				<script type="text/javascript">
						Calendar.setup({
							weekNumbers: false,
				    		inputField : "birthday",
				    		trigger    : "birthday",
				    		dateFormat: "%Y-%m-%d",
				    		showTime: false,
				    		minuteStep: 1,
				    		onSelect   : function() {this.hide();}
					});
		        </script>
            </div>
            <script type="text/javascript" src="{$apicss}user/new/js/jquery.cxselect.min.js"></script>	
            <div class="ui-form-item fn-clear">
              <label for="prov_id"  class="ui-label w130">地区:</label>
              <div id="city_china_val">
  <div class="ui-select">
<select class="province form-control" data-first-title="选择省" name="info[prov]">
<option value="">请选择</option>
<option value="{$userinfo.detail.prov|default=''}" selected="">{$userinfo.detail.prov|default=''}</option>
</select>
</div>
<div class="ui-select">
<select class="city form-control" data-first-title="选择市" name="info[city]">
<option value="">请选择</option>
<option value="{$userinfo.detail.city|default=''}" selected="">{$userinfo.detail.city|default=''}</option>
</select>
</div>
<div class="ui-select">
<select class="area form-control" data-first-title="选择地区" name="info[area]">
<option value="">请选择</option>
<option value="{$userinfo.detail.area|default=''}" selected="">{$userinfo.detail.area|default=''}</option>
</select>
</div>
</div>
             </div>

            
            <div class="ui-form-item fn-clear">
              <label class="ui-label w130">学历：</label>
              <div class="ui-select">
               <select name="info[edu]" id="edu" class="select">
                  <option value=""></option>
                  <option value="1" {if condition="$userinfo.detail.edu eq 1"}selected{/if}>小学</option>
                  <option value="2" {if condition="$userinfo.detail.edu eq 2"}selected{/if}>初中</option>
                  <option value="3" {if condition="$userinfo.detail.edu eq 3"}selected{/if}>高中/中专</option>
                  <option value="4" {if condition="$userinfo.detail.edu eq 4"}selected{/if}>大专</option>
                  <option value="5" {if condition="$userinfo.detail.edu eq 5"}selected{/if}>本科</option>
                  <option value="6" {if condition="$userinfo.detail.edu eq 6"}selected{/if}>硕士及以上</option>
                </select>
              </div>
            </div>
<!--            <div class="ui-form-item ui-form-checkbox fn-clear"><label class="ui-label w130">同步：</label><div class="ui-form-block w400"><label for="yes" class="ui-label-checkbox"><input id="yes" type="radio" name="qqbind" value="1"  echo ' checked="checked" '; />评论同步到QQ空间</label><label for="no" class="ui-label-checkbox"><input id="no" type="radio" name="qqbind" value="0"     />评论不同步到QQ空间</label></div></div>-->
            <div class="ui-form-item fn-clear">
              <label class="ui-label w130">行业：</label>
              <div class="ui-select">
               <select name="info[industry]" id="industry" class="select">
                  <option value=""></option>
                  <option value="1"  {if condition="$userinfo.detail.industry eq 1"}selected{/if} >教育/学生</option>
                  <option value="2"  {if condition="$userinfo.detail.industry eq 2"}selected{/if}>计算机/互联网</option>
                  <option value="3"  {if condition="$userinfo.detail.industry eq 3"}selected{/if}>建筑</option>
                  <option value="4"  {if condition="$userinfo.detail.industry eq 4"}selected{/if}>金融/房产</option>
                  <option value="5"  {if condition="$userinfo.detail.industry eq 5"}selected{/if}>政府/公共服务</option>
                  <option value="6"  {if condition="$userinfo.detail.industry eq 6"}selected{/if}>电信/网络</option>
                  <option value="7"  {if condition="$userinfo.detail.industry eq 7"}selected{/if}>服务</option>
                  <option value="8"  {if condition="$userinfo.detail.industry eq 8"}selected{/if}>传媒/娱乐</option>
                  <option value="9"  {if condition="$userinfo.detail.industry eq 9"}selected{/if}>农林/化工</option>
                  <option value="10" {if condition="$userinfo.detail.industry eq 10"}selected{/if}>旅游/交通</option>
                  <option value="11" {if condition="$userinfo.detail.industry eq 11"}selected{/if}>其他</option>
                </select>
              </div>
            </div>
            <div class="ui-form-item fn-clear">
              <label class="ui-label w130">个性签名：</label>
              <textarea class="ui-input ui-textarea w400" name="info[signature]" id="signature">{$userinfo.detail.signature}</textarea>
            </div>
            <div class="ui-form-item fn-clear">
              <label class="ui-label w130"></label>
              <input type="submit" id="upbt" class="ui-button w150" value="保 存">
            </div>
          </div>
          <!-- // ui-form End -->
        </div>
        <!-- // ui-box End -->
      </form>
    </div>
    <!-- // i-cnt End -->
      <script type="text/javascript">
			$("#upbt").click(function(){
				$("#upuser").qiresub({
					curobj:$("#upbt"),
					txt:'数据提交中,请稍后...',
					onsucc:function(result){
						$.hidediv(result);
					}
				}).post({
					url:"{:zanpian_user_url('user/center/info')}"
				});
			});
			//$("birthday").DateTimeMask();
			//$("#edu").val("0");
			//$("#industry").val("0");
			//$("#occput").val("1");
			$("#income").val("0");
			$("input[name=sex][value='0']").attr("checked", "checked");
			$('#emailcheck').click(function (e){
				$.showfloatdiv({cssname:'loading'});
		    	var turl=$(this).attr('href');
				$.get(
					turl,'',
					function(data){
						$.hidediv(data);
					},'json'
				);
				return false;
			});
$.cxSelect.defaults.url = '{$apicss}user/new/js/cityData.json';

$('#city_china_val').cxSelect({
  selects: ['province', 'city', 'area'],
  nodata: 'none'
});
		</script>
  </div>
  <!-- // maxBox End -->
</div>
<!-- // wrap End -->
</div>
<!-- // footer end -->
{include file="footer"/}
</body>
</html>